<div id="dialog-form-pass">
<form id="form_pass_editor" action="<?php echo site_url(array('perfil', 'guardarPassword'));?>" method="post">
		<table  class="form-table">
			<tr>
				<td><label for="pass_actual">Actual *</label></td>
				<td><input id="pass_actual" name="pass_actual" type="password" size="25" maxlength="45" class="validate[required, minSize[6], ajax[ajaxPassValidate]]" data-prompt-position="bottomLeft"></input></td>
			</tr>
	
			<tr>
				<td><label for="pass_nuevo">Nuevo *</label></td>
				<td><input id="pass_nuevo" name="pass_nuevo" type="password" size="25" maxlength="45" class="validate[required, minSize[6]]" data-prompt-position="bottomLeft"></input></td>
			</tr>
	
			<tr>
				<td><label for="pass_rep_nuevo">Repertir *</label></td>
				<td><input id="pass_rep_nuevo" name="pass_rep_nuevo" type="password" size="25" maxlength="45" class="validate[required, minSize[6], equals[pass_nuevo]]" data-prompt-position="bottomLeft"></input></td>
			</tr>
		</table>
</form>
</div>

<script type="text/javascript">

		$(function(){
			var editar_pass_popup = $("#dialog-form-pass");
			
			editar_pass_popup.dialog({
		        autoOpen: false,
		        resizable: false,
		        title: "Modificar Password",
		        show: "fade",
		        height: 250,
		        width: 425,
		        modal: true,
		        dialogClass: "no-close",
		        
				position: {
					my: "right top",
					at: "left top",
					of: "#opener-pass-editor"
				},

		        buttons: {
		            Guardar: function() {
		                $("#form_pass_editor").submit();
		            },
		            Cancelar: function() {
		                $( this ).dialog( "close" );
		            }
		        }
			});
			
			$('#opener-pass-editor').click(function(){
				editar_pass_popup.dialog('open');
			});
		});
 </script>
